<#include "../template/template_listPage.ftl">
<@header title="手机号码归属地查询">
<style type="text/css">
    .table {
        padding: 1px;
        text-align: center;
    }
</style>
<script type="text/javascript">
    function checkForm() {
        // 如果为空，显示错误并返回
        var mobile = $('#mobile').val();
        if (mobile.replace(/(^\s*)|(\s*$)/g, "").length == 0) {
            alert("请输入手机号码。");
            return false;
        }
        return true;
    }
</script>
</@header>
<body class="list">
<div class="body">
    <div class="listBar">
        <h1><span class="icon">&nbsp;</span>您当前的位置&nbsp;<span class="pageInfo">[手机号码归属地查询]</span></h1>
    </div>
    <div class="search" style="text-align: center;margin-top: 20px;">
        <form method="get" action="" name="mobileform" onsubmit="return checkForm();">
            手机号码所在地查询：<input type="text" name="phone" size="16" value="${phone!}">
            <input type="submit" value="查询"><input type="hidden" name="action" value="mobile">
        </form>
    </div>

    <table class="listTable" style="margin-top: 30px;">
        <tr>
            <th><span class="sort">所查号码</span></th>
            <th><span class="sort">归属省份</span></th>
            <th><span class="sort">归属城市</span></th>
            <th><span class="sort">卡 类 型</span></th>
        </tr>
    <#if phoneArea??>
        <tr>
            <td>${phoneArea.phone!}</td>
            <td>${phoneArea.province!}</td>
            <td>${phoneArea.city!}</td>
            <td>${phoneArea.type!}</td>
        </tr>
    </#if>
    </table>
<#if area??>
<#else >
<#-- <span>没有查询到结果!</span>   -->
</#if>
</div>
</body>
</html>